<template>
	<view>
		<u-navbar placeholder fixed autoBack title="个人信用"></u-navbar>
		<view class="u-border-bottom position" style="background-color: #FFFFFF;">
			<u-tabs :list="[
				{name: '个人良好信用'},
				{name: '个人不良好信用'}
			]" :activeStyle="{
				color: '#21A5F3'
			}"></u-tabs>
		</view>
		<u-gap height="44px" bgColor="#FBFCFC"></u-gap>
		<view class="d-p-30">
			<view class="card d-p-30">
				<view class="d-font-24 demo">信用记录</view>
			</view>
		</view>
		
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
page{
	background-color: #FBFCFC;
	
	.position{
		position: fixed;
		left: 0;
		right: 0;
	}
	
	.card {
		box-shadow: 0rpx 5rpx 10rpx rgba(0, 0, 0, 0.05);
		border-radius: 10rpx;
		background-color: #ffffff;
	}
	
	.demo{
		width: 630rpx;
		line-height: 512rpx;
		text-align: center;
		background: #F6F7F8;
		opacity: 1;
		border-radius: 0rpx;
		color: #5D6672;
	}
}
</style>
